@charset "utf-8";
/* CSS Document */
#main
{
	width:100%;background-color:#FDFFFF;
	height:100%;
	padding:0px;
	margin:0px;
}
#subcontent
{
	width:800px; 
}
#header
{
	height:120px;background-color:#8FB1E4 ;margin-top:-17px;
}
#slider
{
	 float:left;
	 width:20%;background-color:#090;
	 padding-top:5px;
	 margin-right:2px;
	 margin-top:2px;
	 margin-bottom:2px;
}
#content
{
	text-align:left;
	float:right; 
	width:100%; 
	background-color:#F5F6FC;
	padding-top:5px;
	margin-left:5px;
	/*
	margin-top:2px;
	margin-bottom:2px;*/
}




#footer
{
	position:relative;clear:both; height:100px;background-color:#036;
	clear:both;
	margin-top:20px;
	 border-top:1px solid ;
	 border-color:#B5CECE;
	background:url(../images/footer_bg.jpg) repeat-x;
}
#menu 
{	
	width:97%;
	padding-left:12px;
	padding-right:12px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:2px;
	background: url("../images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	
}

.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; padding: 0.48em 0 0.47em 0.45em; }



#search-box {
	clear:both;
	padding-top:15px;
	padding-bottom:10px;
	margin-left:12px;
	margin-top:2px;
	margin-bottom:12px;
    height: 39px;
   
    width: 722px;
}

#search-box .bg {
    background-color: #000000;
    height: 100%;
    left: 0;
    opacity: 0.12;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
#search-box .frmSearch-item {
    background-color: #FFFFFF;
    /*border: 0 none;*/
    display: block;
    float: left;
    font-size: 14px;
    height: 25px;
    margin: 6px 2px 0 0;
    padding: 0;
    position: relative;
}
#search-box .frmSearch-item.text {
    /*display: inline;*/
    line-height: 27px;
    margin-left: 9px;
    padding-left: 5px;
    width: 355px;
}
#search-box .frmSearch-item.combo-box {
    /*border: medium none;*/
     height: 30px;
    width: 110px !important;
}
#search-box .frmSearch-item.submit {
    background-color: #FA9100;
    border-color: #FA9100;
    cursor: pointer;
    margin-right: 0;
    width: 30px;
}


#search_box_title
{
	text-align:left;
	padding-left:0px;
}
#search-subbox .frmSearch-item.combo-box {
    border: medium thin;
    width: 120px ;
}
#search-subbox {
	clear:both;
	/*padding-top:10px;*/
	padding-bottom:10px;
	/*margin-left:20px;*/
	margin-top:2px;
    height: 39px;
    width: 522px;
}

#search_subbox_title
{
	text-align:left;
	padding-left:9px;
}
#search_admin-box_title
{
	text-align:left;
	padding-left:70px;
}
#div-login
{
text-align:right; float:right;position:relative;margin-top:17px;margin-right:2px;
}
/*For search result*/
.result
{
	padding-left:5px;
	margin-bottom:20px;
	/*
	margin-top:2px;
	*/
}

.result .result-question
{
	padding-left:5px;
	font-size:larger;
	color:blue;
	/*
	margin-top:2px;
	margin-bottom:2px;*/
}
.result .result-question a {color:blue; text-decoration:none}

.result .result-answer
{
	padding-left:10px;
	font-size:medium;
	/*
	margin-top:2px;
	margin-bottom:2px;*/
}

.result .result-question .a
{
	text-decoration:none;
	color:#30C;
	/*
	margin-top:2px;
	margin-bottom:2px;*/
}
/*End search result*/

.paging {
    clear: both;
    color: #CCCCCC;
    text-align: center;
	margin-top:5px;
	margin-bottom:10px;
}
/*css for input field admin_product*/
.input-field-border
{
	border-style:dashed; 
	border-width:1px; 
	border-color:#CCCCCC; 
	padding:6px
}

.input-field-content
{
	background-color:#CCE6FF;
	margin-bottom:5px;
	margin-top:5px;
	text-align:left; width: 98%;
}
/********* Css for Table Layout list *******************/
.table.tbl-list
{
	background-color:#B5DF99;
	
}
table.tbl-list thead th.rounded-company
{
	background: #b9c9fe url('../images/aleft.png') left -1px no-repeat;
}
table.tbl-list thead th.rounded-q4
{
	background: #b9c9fe url('../images/aright.png') right -1px no-repeat;
}
table.tbl-list thead
{
	padding:4px;
	font-weight: bold;
	color: #039;
	background: #b9c9fe;	
	text-align:center;
	border-top: 1px solid #9FCE9F;	
}
table.tbl-list td
{
	padding:4px;
	color: #669;
	border-left: 1px solid #b9c9fe;
	border-bottom: 1px solid #b9c9fe;	
}
table.tbl-list tfoot td.rounded-foot-left
{
	height:15px;
	background: #b9c9fe;
	border:1px;
}
table.tbl-list tfoot td.rounded-foot-right
{
	background: #b9c9fe;
	border:1px;
}
table.tbl-list .odd
{
	background: #e8edff; 
}
table.tbl-list .even
{
	background: #fff; 
}
table.tbl-list .col_name
{
	width:15%;
}
table.tbl-list .lastCell
{
	border-right: 1px solid #b9c9fe;
}
/********* End Css for Table Layout list *******************/


/*Css for link*/
a:link,
a:visited { color:#555555; text-decoration:none;height:27px; line-height:27px; padding:0 9px;
	text-decoration:none; }
a:hover,
a:active { color:#0b559b; }
a.active
{
	color:#0b559b;	
	text-decoration:none;
}
/*End css for link*/


/* POSITION:FIXED  - REPAIR */
* html.overlayed,body.overlayed {height:100%; overflow:hidden;}
*+html.overlayed{height:100%; overflow:hidden;}
*+html body.overlayed{height:auto; overflow:visible;}
.overlayed #wrapper{position:relative;width:100%;height:100%; overflow-x:auto; overflow-y:scroll; zoom:1}
.overlayed #wrapper-inner{zoom:1;}
/* mobile */
body.mobile {height:auto; overflow:visible; overflow-y:scroll;}
.mobile #wrapper{position:static; width:auto; height:auto; overflow-x:visible; overflow-y:visible;}
/* end mobile */
.pos-fixed{position:fixed; left:0; top:0;}
* html .pos-fixed{position:absolute;}


/* PAGE HOME */
body.home #header{height:116px;}
body.home #signup-box{margin-top:0;}
#news{background-color:#e3e9dc; padding:0 0; width:100%; height:40px; line-height:40px; overflow:hidden;}
#news strong{padding:0 10px; margin-right:10px; border-right:1px solid #ccc;}
#news .news-list div{display:none;}
#news .news-list div.active{display:inline;}

body.home #page-inner{font-size:14px;}
#today-sentences{float:left; width:500px; margin-right:10px; margin-bottom:15px;}
#today-sentences h2{line-height:32px; border-bottom:2px solid #e4e4e4}
#today-sentences h2 .icon{margin-right:7px; top:5px;}
body.home .tbl-sentences td{padding:10px 0;}
body.home .sentence{font-size:14px;}
#today-sentences .sentence a.icon-speaker{margin-left:5px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:.7;}
#today-sentences .sentence a.icon-speaker:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
#members-chat{min-height:190px; height:auto !important; height:190px; float:left; width:220px; margin-bottom:15px; background-color:#eeeeee; -moz-border-radius: 7px; border-radius: 7px;}
#members-chat h4{margin-bottom:20px; font-weight:normal; line-height:22px; border-bottom:2px solid #e1e1e1;}
#members-chat h4 .icon{margin-right:3px;}

#features{clear:both; background-color:#eeeeee; -moz-border-radius: 7px; border-radius: 7px;}
#features li{float:left; padding:0 12px; border-right:1px dashed #c5c5c5; text-align:center;}
#features li.last{border-right:none; text-align:left; padding:0 0 0 5px; margin-right:-10px;}
#features li a{color:#333;}
#features li a b{cursor:pointer;}
#features li a span{display:block; margin-top:7px;}
#features .icon-campaign{float:left; margin:0 5px 30px 0;}
#features li.last h4{margin:5px 0 15px;}
#features li.last .btn-join{padding:3px 5px; background-color:#89b542; color:#fff;}
#features li.last .btn-join:hover{text-decoration:none; background-color:#333;}

/* PAGE KEYWORDS */
body.keywords .btn-add{float:right; clear:both; font-size:14px; font-weight:bold; line-height:32px; margin-top:7px; color:#fff; background-color:#727272; border-left:30px solid #85c100; padding:0 15px; position:relative;}
body.keywords .btn-add:hover{text-decoration:none; background-color:#85c100;}
body.keywords .btn-add .icon{margin-right:15px; position:absolute; left:-21px; top:9px;}

.div-dialog_box_sub_content {
	background-color:#F5F5F5;
	border:1px solid #8A8A8A;
	padding:10px;
}
#txtBadDoc, .div-input_report_bad_doc {
	border:1px solid #92C785;
	color:#5A5A5A;
	padding:5px;
	width:97%;
	word-wrap:break-word;
}

/* PAGE SEARCH */
body.search #page-controls{margin-top:-35px; margin-bottom:5px; color:#999; text-align:right; line-height:18px;}
body.search #page-controls .icon{margin-right:5px; top:2px;}
body.search .tbl-layout h2{font-size:18px; line-height:28px; color:#666; text-transform:uppercase; border-bottom:5px solid #e6e6e6; margin-bottom:10px;;}
body.search .tbl-layout h2 .icon{margin-right:7px; top:2px;}
body.search .tbl-layout h3{position:relative; z-index:-1; height:15px; font-size:0; line-height:0; font-weight:normal; color:#666; margin-bottom:10px; border-bottom:2px solid #e9e9e9;}
body.search .tbl-layout h3 span{background-color:#fff; font-size:18px; line-height:normal; padding-right:5px; position:absolute; top:0; left:0; white-space:nowrap;}
.tbl-sentences.suggestion ,.tbl-sentences td{width:100%}
#need-support p{margin-bottom:10px;}
#need-support ul{ margin-bottom:10px;}
#need-support ul li{padding:5px 0; border-bottom:1px solid #e1e1e1;}
#need-support .paging{text-align:right;}

/* PAGE TEST */
body.tests #page-controls{font-size:14px; margin-top:-15px;}
body.tests #page-controls .icon-filter{margin-right:5px;}
body.tests #page-controls div{margin-top:5px; padding-top:5px; border-top:1px solid #e1e1e1; font-size:0; line-height:0;}
body.tests #page-controls a{font-size:18px; line-height:normal; padding:3px 13px; border-right:1px solid #e8e8e8; position:relative; text-decoration:none;}
body.tests #page-controls a:hover{background-color:#f1f1f1;}
body.tests #page-controls a.active{color:#fff; background-color:#fa9100 !important; cursor:default;}
.tests-group{margin-bottom:10px;}
.group-head{border-bottom:3px solid #e1e1e1; font-size:0; line-height:0; position:relative; clear:both; zoom:1;}
.group-head a{text-decoration:none !important;}
.group-head .btn-toggle{position:absolute; bottom:0; right:0; width:30px !important; background-color:#e1e1e1;}
.group-head.btn-toggle-hovered{border-color:#ccc;}
.group-head.btn-toggle-hovered .btn-toggle{background-color:#ccc !important; border-color:#ccc !important; color:#fff !important;}
.group-head .node{font-size:18px; height:22px; line-height:22px; padding:0 5px; display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:top;zoom:1}
.group-head .node:hover{background-color:#f1f1f1;}
.group-head .node.active{color:#000 !important; background-color:#fff !important; cursor:text;}
.group-head span.node{padding:0; position:relative;}
.group-head .more{display:block; width:15px; font-size:10px; height:20px; line-height:20px; border:1px solid #e5e5e5; text-align:center; color:#666 !important;}
.group-head .more.hover{background-color:#f1f1f1;}
.group-head .ctx-menu{font-size:12px;}
.group-head .ctx-menu span{display:inline;border-bottom:0px;padding:5px;}
.group-head .ctx-menu .icon-callout{left:2px;}
.group-body{margin-top:10px;}
.group-body .tbl-links .left-col, .group-body .tbl-links .right-col{border-top:0;}


/* PAGE TEST-DETAIL */
body.tests-detail #page-controls{width:215px; text-align:left; padding-left:10px; border-left:1px dashed #c5c5c5; color:#666; font-size:11px;}
body.tests-detail #page-controls h3{margin-bottom:5px; color:#333;}
body.tests-detail #page-controls .icon{margin-right:7px;}
body.tests-detail #page-controls ul{margin-left:20px;}
body.tests-detail #page-controls ul li{margin-bottom:5px;}
body.tests-detail #page-controls a{text-decoration:none;}
body.tests-detail #page-desc{width:500px;}
body.tests-detail #page-desc h1{margin-bottom:5px;}
body.tests-detail #page-desc p{margin-bottom:5px;}
body.tests-detail #page-desc p.en{color:#333;}
body.tests-detail #page-desc p.vi{font-size:11px; color:#999;}
h2#test-score{color:#666; font-size:18px; font-weight:normal; text-align:center; margin-bottom:10px; display:none;}
h2#test-score b{color:#fff; background-color:#cc3300; -moz-border-radius:5px; border-radius:5px; padding:0 7px; margin-left:5px;}
.question{border-top:2px solid #ccc; padding:15px 0 5px; zoom:1;}
.question .section-ask{position:relative; min-height:18px; height:auto !important; height:18px; margin-bottom:7px; padding-top:5px; padding-left:30px; font-weight:bold;}
.question .section-ask .ask-num{position:absolute; top:0; left:0; width:22px; height:22px; line-height:22px; background-color:#ededed; text-align:center;}
.question .section-ask .icon{position:absolute; top:30px; left:2px;}
.question .section-tips{padding-left:30px; }
.question .section-tips .quest-tip{padding:7px 15px; margin-bottom:10px; color:#666; position:relative; border:1px solid #e5e5e5; border-left:5px solid #ccc/*e48814*/;}
.question .section-tips .quest-tip .btn-close{text-decoration:none; position:absolute; top:4px; right:4px; float:right; width:12px; height:12px; line-height:12px; text-align:center; color:#333; background-color:#ededed; font-weight:bold; font-size:9px;}
.question .section-tips .quest-tip .btn-close:hover{background-color:#cd0000; color:#fff;}
.question .section-tips .quest-tip h4{color:#e48814; font-size:11px; margin-bottom:5px;}
.question .section-answer{margin-bottom:10px; margin-top:15px; margin-left:30px;}
.question .section-answer table{width:100%;}
.question .section-answer table td{border-bottom:1px dashed #bbb; padding:3px 0;}
.question.result-checked .section-answer table tr.answer-right td{background-color:#effbe2;}
.question.result-checked .section-answer table tr.answer-wrong td{background-color:#fdf4ef;}
/*.question .section-answer table td.answer-ico{width:30px; border-bottom:none; background-color:transparent !important;}*/
/*.question .section-answer table td.answer-ico .icon{vertical-align:baseline;}*/
.question .section-answer table td.answer-choice{padding-right:10px;}
.question .section-answer table td.answer-choice input{padding:0; padding-right:8px;}
.question .section-answer table td.answer-mean{padding-right:10px;}
.question .section-answer table td.answer-mean, .question .section-answer table td.answer-desc{padding-left:10px;}
.question .section-controls{text-align:right; font-size:0; line-height:0;}
.question .section-controls .icon-eye{top:3px;}
.question .section-controls span{padding:0 10px 0 5px; font-size:11px; line-height:18px; display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:top;zoom:1}
.question .section-controls a{overflow:hidden; position:relative; padding:0 5px; border-right:1px solid #e1e1e1; font-size:11px; line-height:18px; height:18px; text-decoration:none; display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:top;zoom:1}
.question .section-controls a:hover{background-color:#f1f1f1;}
.questions-controls .section-controls{float:right; padding-left:30px; background-color:#e4e4e4; margin-bottom:20px;}
.questions-controls .section-controls span{line-height:25px;}
.questions-controls .section-controls .icon-eye{top:7px;}
.questions-controls .section-controls a{height:25px; line-height:25px;}
/* show/hide stuffs */
.quest-tip , /*.answer-ico .icon, */.answer-mean span, .answer-desc span{display:none;}
.question.tip-viet-mean .quest-tip.tip-viet-mean, .question.tip-do-how .quest-tip.tip-do-how{display:block;}
.question.answer-mean .section-answer table td.answer-mean, .question.answer-desc .section-answer table td.answer-desc, .tbl-dialogue .sentence .content .input-wrap table td.bordervnanswer{border-left:5px solid #ccc/*e48814*/; }
.question.answer-mean .section-answer table td.answer-mean span, .question.answer-desc .section-answer table td.answer-desc span{display:inline;}
.question.tip-viet-mean .section-controls a.tip-viet-mean, .question.tip-do-how .section-controls a.tip-do-how, .question.answer-mean .section-controls a.answer-mean, .question.answer-desc .section-controls a.answer-desc{overflow:visible; background-color:#666/*e48814*/ !important; color:#fff;}

.questions-controls .btn{float:left; margin-right:7px; padding:0; width:100px; height:25px; color:#fff; border:1px solid #82ad17; background-color:#82ad17; cursor:pointer;}
.questions-controls .btn:hover{border-color:#333 !important;}
.questions-controls .btn.reset{margin-right:0;}
.questions-controls .btn.disabled{background-color:#e8e8e8; border-color:#888 !important; color:#a0a0a0 !important; cursor:default;}
body.tests-detail #page-content .paging{font-size:14px; margin:0 auto 20px;}
body.tests-detail #page-content .paging a{padding:0 10px;}
body.tests-detail #page-content .paging b{font-size:22px; padding:0 0px; position:relative; top:1px; text-decoration:none; color:#669933;}

/* PAGE NEWS */
#news-types{margin-bottom:15px;}
#news-types li{float:left; margin-right:2px; width:120px; *overflow:hidden;}
#news-types li.news-type-5{margin-right:0;}
#news-types li a{display:block; text-decoration:none; color:#fff; width:100%; height:150px; border-top:1px solid #fff; background:url(../images/news-types.jpg) no-repeat;}
#news-types li a b{margin-top:115px; display:block; line-height:35px !important; padding-right:10px; text-align:right; font-weight:normal; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity:.6;}
#news-types li .news-type-desc{display:none; position:relative; width:700px; padding:15px; background-color:#ededed; color:#666;}
#news-types li.news-type-1 a{background-position:0 0;}
#news-types li.news-type-2 a{background-position:-120px 0;}
#news-types li.news-type-3 a{background-position:-240px 0;}
#news-types li.news-type-4 a{background-position:-360px 0;}
#news-types li.news-type-5 a{background-position:-480px 0;}
body.news-type-1 #news-types li.news-type-1 a, #news-types li.news-type-1 a:hover{background-position:-600px 0;}
body.news-type-2 #news-types li.news-type-2 a, #news-types li.news-type-2 a:hover{background-position:-842px 0;}
body.news-type-3 #news-types li.news-type-3 a, #news-types li.news-type-3 a:hover{background-position:-1084px 0;}
body.news-type-4 #news-types li.news-type-4 a, #news-types li.news-type-4 a:hover{background-position:-1326px 0;}
body.news-type-5 #news-types li.news-type-5 a, #news-types li.news-type-5 a:hover{background-position:-1568px 0;}
#news-types li.news-type-1 .news-type-desc{margin-left:0;}
#news-types li.news-type-2 .news-type-desc{margin-left:-122px;}
#news-types li.news-type-3 .news-type-desc{margin-left:-244px;}
#news-types li.news-type-4 .news-type-desc{margin-left:-366px;}
#news-types li.news-type-5 .news-type-desc{margin-left:-488px;}
body.news-type-1 #news-types li.news-type-1, body.news-type-2 #news-types li.news-type-2, body.news-type-3 #news-types li.news-type-3, body.news-type-4 #news-types li.news-type-4, body.news-type-5 #news-types li.news-type-5{width:242px;}
body.news-type-1 #news-types li.news-type-1 a b, body.news-type-2 #news-types li.news-type-2 a b, body.news-type-3 #news-types li.news-type-3 a b, body.news-type-4 #news-types li.news-type-4 a b, body.news-type-5 #news-types li.news-type-5 a b{background-color:#f5a70b; font-weight:bold; font-size:16px; -ms-filter:-; filter:-; -moz-opacity:1; opacity:1;}
body.news-type-1 #news-types li.news-type-1 .news-type-desc, body.news-type-2 #news-types li.news-type-2 .news-type-desc, body.news-type-3 #news-types li.news-type-3 .news-type-desc, body.news-type-4 #news-types li.news-type-4 .news-type-desc, body.news-type-5 #news-types li.news-type-5 .news-type-desc{display:block;}
.news-item{border-bottom:1px solid #e1e1e1; padding:15px 0;}
.news-item a img{float:left; margin:0 15px; margin-left:0; width: 120px;}
.news-item span{color:#999; font-size:11px; display:block;}
.news-item p{float:left; width:590px; margin-top:7px; margin-bottom:0;}
body.news-type-1 .news-list{}
body.news-type-1 .news-item.odd{text-align:right;}
body.news-type-1 .news-item.odd img{float:right; margin-right:0; margin-left:15px;}
body.news-type-1 .news-item p{width:535px;}
body.news-type-1 .news-item.odd p{float:right;}
.news-list .paging{margin-top:15px; text-align:right;}
.news-detail h1{margin-bottom:15px;}
.news-detail .news-others{margin:15px 0 15px; padding-top:15px; border-top:1px solid #e1e1e1;}
.news-detail .news-others h3{margin-bottom:15px;}
.news-detail .news-others li{color:#666;}

/* PAGE ARTICLES & FORUM */
body.articles #page-desc{width:500px; margin-bottom:25px;}
body.forum #page-desc{width:100%;}
body.forum #slogan{display:none;}
body.articles #slogan{display:none;}
body.articles #page-controls{width:200px; margin-bottom:25px;}
body.articles #page-controls .btn{position:relative; padding:4px 20px 4px 30px; font-size:14px;}
body.articles #page-controls .icon-article{position:absolute; top:-13px; left:-20px;}
body.discuss #page-content .paging{text-align:right; padding:15px 0; *padding-top:0;}
body.discuss #page-content .paging.bottom{border-top:2px solid #ccc; *padding-top:15px;}
body.discuss .thread{border-top:2px solid #ccc; padding:25px 0 25px 70px;}
body.discuss .post{margin-bottom:20px; border-left:5px solid #e1e1e1; padding-left:12px;}
body.discuss .post.main{border-left:none; padding-left:0;}
body.discuss .post-head{border-bottom:1px dashed #ccc; position:relative; padding-bottom:5px; zoom:1;}
body.discuss .post-head .time{color:#999; font-size:11px;}
body.discuss .post-head .post-controls{display:none; color:#999; position:absolute; bottom:-1px; right:0; background-color:#fff; font-size:0; line-height:0;}
body.discuss .post.main .post-head .post-controls{display:block;}
body.discuss .post-head .post-controls .views{font-size:11px; line-height:17px; padding-right:7px; position:absolute; right:102%; white-space:nowrap;}
body.discuss .post-head .post-controls .btn.disabled{background-color:#ccc !important; cursor:default;}
body.discuss .post-head .post-controls .icon{background-color:#ccc; margin-right:4px;}
body.discuss .post-head .post-controls .icon-edit{border:1px solid #fff; background-color:transparent;}
body.discuss .post-head .post-controls .likes-count{font-size:11px; line-height:17px; padding:0 3px; margin-right:0; color:#fff; background-color:#333; background-image:none; text-decoration:none;}
body.discuss .post-head .post-controls .likes-count-wrap{height:17px; position:relative;}
body.discuss .post-head .post-controls .likes-count-wrap .ctx-sheet{left:-10px; width:180px; left:-90px; top:130%; font-size:11px; line-height:16px;}
body.discuss .post-head .post-controls .likes-count-wrap .ctx-sheet .icon-callout{background-color:transparent; right:auto; left:91px;}
body.discuss .post-head .post-controls .btn-green{font-size:11px; padding:0 5px; height:17px; line-height:17px; border:none; margin-right:5px;}
body.discuss .post-head .post-controls .btn-green .icon{background-color:transparent;}
body.discuss .post-body{padding-top:10px;}
body.discuss .post-title{font-size:18px; margin-bottom:10px;}
body.discuss .right-links{text-align:right; clear:both; margin-top:5px;}
body.discuss .replies .right-links{margin-top:-10px;}
body.discuss .post.main .right-links{margin-bottom:-15px;}

body.discuss .post .member{height:15px; padding:5px 0; margin:-5px 0;}
body.discuss .post.main .member{margin-left:-70px; _padding-left:70px;}
body.discuss .post.main .member .member-ctx .avatar{margin-right:25px; _margin-right:0; _position:absolute; _top:0; _left:0;}
body.discuss .post .member .content-ctx{bottom:25px !important; *bottom:18px !important; left:-30px;}
body.discuss .post .member .content-ctx .icon-callout{*padding-top:0 !important;}
body.discuss .post.main .member .content-ctx{left:-15px;}

/*gia add for post body*/
body.discuss .post-body ul li{list-style-type: disc;}
body.discuss .post-body ul ul li{list-style-type: circle;}
body.discuss .post-body ul ul ul li{list-style-type: square;}
body.discuss .post-body ol li{list-style-type: decimal;}

body.discuss .post-body li{margin-left:20px;}
body.discuss .post-body ul{margin-left:20px;padding-left:20px;}
body.discuss .post-body ol{margin-left:20px;padding-left:20px;}
/*gia add for post body end*/


body.discuss .thread.message{border-top:none; padding-bottom:10px; background:url(../images/hori_gradient.jpg) repeat-y; position:relative; z-index:2; margin-bottom:-3px;}
body.discuss .thread.message .grad-border{position:absolute; top:0; left:0; width:100%; height:2px; overflow:hidden; background:url(../images/hori_gradient_border.jpg) no-repeat;}
body.discuss .thread.message .grad-border.bottom{top:auto; bottom:0;}
body.discuss .thread.message .btn-close{text-decoration:none; position:absolute; top:4px; right:4px; float:right; width:12px; height:12px; line-height:12px; text-align:center; color:#333; background-color:#ededed; font-weight:bold; font-size:9px;}
body.discuss .thread.message .btn-close:hover{background-color:#cd0000; color:#fff;}
body.discuss .thread.message .icon-big{position:absolute; left:5px; top:15px;}
body.discuss .thread.message .post-head{border-bottom-color:#aaa;}

body.discuss .word-editor-btns{margin-top:15px;}
body.discuss .word-editor-btns .editor-note{float:right; color:#999; font-size:11px; font-style:italic;}
body.discuss .word-editor-btns .btn-green{padding:3px 10px; font-size:14px; margin-right:10px;}
body.discuss .down-arrow-long{font-size:24px; color:#ccc; font-weight:bold; position:relative; top:-5px;}

body.discuss .thread .word-editor{margin-top:15px;}
/* editor on popup article*/

body.discuss .word-editor-article{margin-left:5px; margin-right:5px; margin-bottom:5px; margin-top:15px;}
body.discuss .word-editor-article h3{color:#666; margin-top:5px; margin-bottom:2px;}
body.discuss .word-editor-article input{width:630px; border: solid 1px white;}
body.discuss .word-editor-article textarea{width:630px; height:100px; border: solid 1px white;}
/* editor on popup article end*/
/*upload*/
body #file_uploadQueue{display:none;}
/*upload end*/
/* Gia add 20110419 */
body.discuss p {padding:1px;margin:1px;}
body.discuss .hiden_comment{display:none;}
/*---------------------css for like------------------------*/
body.discuss img{border:0px;}
body.discuss div#divInput{position:fixed;padding:2px;bottom:2px;right:3px;z-index:500;}
body.discuss div#AVIMControl{border:1px solid #999999;background-color:#EEEEEE;padding:1px;padding-bottom:2px;position:fixed;bottom:-1px;right:0px;display:none;z-index:500;}
body.discuss div#__divCoverDLG{position:fixed;z-index:99;display:none;}
body.discuss .div-dialog_box{border:solid 2px #5b924f;background-color:white;width:450px;position:fixed;left:275px;top:200px;z-index:1000;}
body.discuss .discuss_dlg_frm{display:none;width:auto;z-index:110;}
body.discuss .div-guide-pop{	float:left;width:244px;padding-left:25px;margin-top:10px;}


body.discuss .transparent_on {background-color: #323232;opacity: 0.3;}
body.discuss .transparent_ajax_on {background-color: #ffffff;opacity: 0.5;}

/* ---------------------css for like-----------------------*/

/*tooltip module LIKE*/
.divinline,.divcontent-left, .divcontent-right{display:inline;float:left;position:relative;overflow: visible;}
/*.tooltipLike{display: none;	position:fixed;	z-index: 10;	
/*phan mau trang trí
	border: 1px solid #999;
	background-color: #E6F9E0;	
	padding: 5px;

}*/
.noneClick{cursor:default;}
.forClick{cursor:pointer;}
.like_amount{vertical-align:middle; cursor:default; text-align:center;color:white;background-color:#525252;padding-left:0px;padding-right:0px;padding-bottom:2px;padding-top:2px;margin:5px 0px 5px 0px;}
.middleText{ margin:0px 0px 0px 0px;}
.middleTitle{ vertical-align:middle;}
.textView{color:#5A5A5A;font-family:verdana,tahoma,arial,sans-serif;}
.fontForText{font-family: Arial, Helvetica, sans-serif;	font-size:12px;}

/* ---------------------end css for like-----------------------*/
/* Gia add 20110419 */

/* PAGE CAMPAIGN */
body.campaign #page-inner{margin-bottom:30px;}
body.campaign #page-desc{width:100%;}
body.campaign h3{border-left:8px solid #666; padding-left:5px; margin-bottom:15px;}
body.campaign ul.bulleted{margin-left:25px;}
.campaigns-list{position:relative; margin-bottom:40px; height:221px;}
.campaigns-list .paging{position:absolute; top:-30px; right:0;}
.campaigns-list .paging a{font-weight:bold; background-color:#eee; padding:5px 7px; margin-left:5px;}
.campaigns-list .paging a.active{color:#000; background-color:transparent;}
.campaign-item{position:absolute; top:0; left:0; width:100%; height:221px;}
.campaigns-list .campaign-show{float:left; width:470px; height:100%; position:relative;}
.campaigns-list .campaign-desc{float:left; width:260px; height:221px; background-color:#e5e5e5;}
.campaigns-list .campaign-desc .box-inner{padding:15px 5px 15px 10px;}
.campaigns-list .campaign-desc .join .btn{margin-top:10px; padding:5px 10px;}
/* TrungHa added 20110611*/
/* PAGE CHECKOUT */
body.checkout  #page-inner{margin-bottom:30px;}
body.checkout #page-desc{width:100%;}
body.checkout h3{margin-bottom:15px;}
body.checkout .select-method{margin-bottom:30px;}
body.checkout .methods-list{float:left; background-color:#bbb; width:315px; padding:0; margin-right:70px; text-align:right;}
body.checkout .methods-list li{padding:0;}
body.checkout .methods-list li a{display:block; height:80px; padding:5px 20px 10px 0; border-bottom:1px solid #999; position:relative;}
body.checkout .methods-list li a:hover{background-color:#ccc;}
body.checkout .methods-list li.active a{cursor:default; background-color:#e3e3e3;}
body.checkout .methods-list li a b{display:none; width:43px; height:90px; background:url(../images/arrow-right-big.png) no-repeat; position:absolute; top:0; right:-43px;}
body.checkout .methods-list li.active a b{display:block;}
body.checkout .methods-content{float:left; width:320px; padding:20px 0;}
body.checkout .methods-content .help-info{margin-top:100px;}
body.checkout .methods-content .content{display:none;}
body.checkout .methods-content .content.active{display:block;}
body.checkout .methods-content strong{font-size:14px;}
body.checkout .methods-content .textbox{display:block; border:1px solid #e1e1e1; width:250px; height:20px; line-height:20px; margin:7px 0 15px; font-size:18px;}
body.checkout .methods-content .btn-green{font-weight:bold; padding:3px 15px;}
body.checkout table.methods-compare{width:100%; margin-bottom:30px; border:1px solid #e1e1e1;}
body.checkout table.methods-compare .tbl-head{text-align:center; border-bottom:3px solid #e1e1e1;}
body.checkout table.methods-compare td{padding:7px 10px; text-align:center; border-right:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}


/* PAGE VIDEOS */
body.videos #page-controls{margin-top:-40px;}
/*body.videos .btn-add{float:right; clear:both; font-size:14px; font-weight:bold; line-height:32px; margin-top:7px; color:#fff; background-color:#727272; border-left:30px solid #85c100; padding:0 15px; position:relative; *z-index:-1;}*/
body.videos .btn-add{float:right; clear:both; font-size:14px; font-weight:bold; line-height:32px; margin-top:7px; color:#fff; background-color:#727272; border-left:30px solid #85c100; padding:0 15px; position:relative;}
body.videos .btn-add:hover{text-decoration:none; background-color:#85c100;}
body.videos .btn-add .icon{margin-right:15px; position:absolute; left:-21px; top:9px;}
body.videos #page-content{padding-top:10px; padding-bottom:20px;}
.videos-group{float:left; margin-bottom:20px; margin-right:50px;}
.videos-group.prior{float:none;margin-right:0;}
.videos-group.list{width:326px;}
.videos-group.last{margin-right:0;}
.videos-group h3{font-size:18px; display:block; margin-bottom:10px; padding-bottom:5px; border-bottom:1px dotted #ccc;}
.videos-group h3 a{color:#333;}
.videos-group .video-block{float:left; width:138px; margin-right:50px;}
.videos-group .video-block.last{margin-right:0;}
.video-block .video-thumb{float:left; padding:4px; border:1px solid #e1e1e1; margin-bottom:10px; *float:none; *border:0; *padding:0; *margin:0;}
.video-block .video-thumb, .video-block .video-thumb img{width:128px; height:72px; background-color:#fff;}
.video-block .video-title{*margin-top:10px; *display:block;}
.video-block .video-by{margin:5px 0 3px;}
.video-block .video-by, .video-block .video-views{font-size:11px; color:#666;}
.videos-group.list .video-block{float:none; clear:both; width:100%; margin-right:0; margin-bottom:10px;}
.videos-group.list .video-block .video-thumb{*float:left; margin-right:10px; margin-bottom:0;}
.videos-group.list .video-block.last{margin-bottom:0;}
.videos-group.list .video-block .video-thumb, .videos-group.list .video-block .video-thumb img{width:96px; height:54px;}
.videos-group.list .video-block .video-title{margin-top:0;}
#sidebar .videos-group.list{width:197px; margin-bottom:0; margin-right:0;}
#sidebar .videos-group.list .video-thumb{margin-right:5px; padding:3px;}
#sidebar .videos-group.list .video-title{font-size:11px;}
#sidebar .videos-group.list .video-block .video-by{margin:0;}
#sidebar .ad-pos{float:none;}
/* PAGE VIDEOS-LIST */
#videos-by-subject.videos-group{width:755px; _width:auto;}
/*#videos-by-subject.videos-group .video-block{_margin-right:35px; margin-bottom:10px; *position:relative; *z-index:-2;}*/
#videos-by-subject.videos-group .video-block{_margin-right:35px; margin-bottom:10px;}
/*#videos-by-subject.videos-group .videos-subject{border-bottom:3px solid #e1e1e1; width:730px; padding-bottom:5px; margin-bottom:20px; position:relative;*z-index:-1;}*/
#videos-by-subject.videos-group .videos-subject{border-bottom:3px solid #e1e1e1; width:730px; padding-bottom:5px; margin-bottom:20px; position:relative;}
#videos-by-subject.videos-group h2{font-size:22px;}
#videos-by-subject.videos-group .other-subjects{position:absolute; bottom:0; right:0;}
#videos-by-subject.videos-group .other-subjects .link{float:right; width:155px; text-align:right; font-size:16px; line-height:25px; color:#666; padding:0 7px; text-decoration:none;}
#videos-by-subject.videos-group .other-subjects .link:hover{background-color:#e1e1e1; color:#000;}
#videos-by-subject.videos-group .other-subjects .link .more{padding-left:5px;}
#videos-by-subject.videos-group .other-subjects .ctx-menu{right:0; min-width:167px; width:auto !important; width:167px;}
/* PAGE VIDEOS-SEARCH */
#videos-by-search{width:730px;}
#videos-by-search .sort-bar{border-bottom:5px solid #e1e1e1; text-align:right; clear:both; font-size:0;}
#videos-by-search .sort-bar a{font-size:12px; padding:5px 7px; border-right:1px solid #e1e1e1; position:relative; text-decoration:none;}
#videos-by-search .sort-bar a:hover{background-color:#f1f1f1;}
#videos-by-search .sort-bar a.active{color:#fff; background-color:#fa9100 !important; cursor:default; font-weight:bold;}
#videos-by-search .filter-bar{border-bottom:1px dotted #ccc; text-align:right; float:right; padding:10px 0 7px; margin-bottom:10px; font-size:0;}
#videos-by-search .filter-bar span{font-size:12px;}
#videos-by-search .filter-bar a{font-size:12px; padding:2px 5px; border-right:1px solid #e1e1e1; text-decoration:none;}
#videos-by-search .filter-bar a:hover{background-color:#f1f1f1;}
#videos-by-search .filter-bar a.active{color:#fff; background-color:#999 !important; cursor:default; font-weight:bold;}
#videos-by-search .video-block{margin-bottom:15px;}
#videos-by-search .video-thumb, #videos-by-search .video-thumb img{width:128px; height:72px;}
#videos-by-search .video-desc{font-size:11px; color:#666; margin-top:5px;}
#videos-by-search .video-by{left:-7px; position:relative;}
#videos-by-search .video-by span, #videos-by-search .video-by b{padding:0 7px;}
ul.raw-menu{margin:0; padding:0;}
ul.raw-menu li{display:block; margin:0; padding:5px 0; border-bottom:1px solid #e1e1e1;}
ul.raw-menu li a.active{color:#333; text-decoration:none;}
/* PAGE VIDEOS-DETAIL */
.videoplayer-wrap{margin:10px 0;}
.video-metadata{margin-bottom:10px;}
/*Gia add*/
.videos #video-title input {width:100%; font-size:19px; font-weight:bold;}
.videos #video-desc textarea {width:100%; min-height:100px;}
.videos #video-cont textarea {width:100%; min-height:300px;}
/*Gia add end*/
/*.btn-like{ vertical-align:middle; background-color:#e8e8e8; color:#000; padding:3px 7px; border:1px solid #ccc; text-decoration:none !important;}
.btn-like:hover{border-color:#999;}*/

.video-metadata span{padding:0 7px; color:#666;}
.video-metadata .sharesocial{ 
     height: auto;
     width:190px;
    left: auto;
    z-index: 100;
    border-color: #E8E8E8 #EEEEEE #DDDDDD #E8E8E8;
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
    line-height: normal;
    margin-left: -90px;
    margin-top: 5px;
    position: absolute;
    display:none;
}
/*Gia add*/
body.videos .likes-count{font-size:11px; line-height:17px; padding:0 3px; margin-right:0px; color:#fff; background-color:#333; background-image:none; text-decoration:none;}
body.videos .divinline,body.videos .inline-block{padding:0px;margin:0px;}
/*Gia add end*/
body.videos .video-desc{margin-bottom:10px;}
body.videos .right-links{text-align:right;}
body.videos .comment-head{font-size:18px; color:#666; font-style:italic; border-bottom:1px solid #e1e1e1; height:13px; margin:20px 0 30px;}
body.videos .comment-head span{padding-right:15px; background-color:#fff;}
body.videos .word-editor-btns .editor-note{float:right; color:#999; font-size:11px; font-style:italic;}
/* PAGE VIDEOS-ADD */
.tbl-add-video{width:100%; margin-top:15px;}
.tbl-add-video td{padding:3px; vertical-align:top;}
.tbl-add-video .first-col{text-align:right; font-weight:bold; white-space:nowrap;}
.tbl-add-video .services-support{padding:15px 20px 20px; margin:-10px 20px 0;}
.icon-callout.vert-left{width:8px; height:16px; background-position:-102px -90px; top:12px; left:-8px;}
.tbl-add-video .input-text{width:270px; display:block; margin-bottom:7px; border:1px solid #c5c5c5;}
.tbl-add-video .select-subjects{min-width:170px; width:auto !important; width:170px; height:50px; display:block;  border:1px solid #c5c5c5; background-color:#fff; margin-bottom:7px;}
.tbl-add-video .video-thumb{display:block; padding:4px; border:1px solid #e1e1e1;}
.tbl-add-video .video-thumb, .tbl-add-video .video-thumb img{width:128px; height:72px;}
.tbl-add-video .or{margin:10px 0;}
.tbl-add-video textarea.video-desc{width:600px; height:80px; display:block; border:1px solid #c5c5c5;}
.tbl-add-video .btn-green{margin-right:10px;}
body.videos .popupDiv .content .iframe-wrap iframe{width:100%; height:100%;}
body.videos .popupDiv .content .iframe-wrap.image-upload{width:440px; height:120px; margin:30px;}
body.videos .popupDiv .content .iframe-wrap.video-preview{width:730px; height:445px; margin:30px;}

/* PAGE GAMES */
body.games #page-content{padding-top:10px; padding-bottom:20px;}
body.games #page-desc{width:auto;}
body.games .game-block{width:200px; margin-right:63px; _margin-right:62px; float:left;}
body.games .game-block.last{margin-right:0;}
body.games .game-block .game-thumb, body.games .game-block .game-thumb img{width:190px; height:125px;}
body.games .game-block .game-thumb{display:block; padding:5px; border:1px solid #e1e1e1; position:relative; *z-index:-1; margin-bottom:10px; *display:inline; *border:0; *padding:0; *margin:0;}
body.games .game-block .game-thumb b{position:absolute; top:-1px; right:-1px; background:url(../images/new-badge.png) no-repeat; width:53px; height:53px; _left:137px;}
body.games .game-block .game-title{color:#333; font-weight:bold; font-size:14px; line-height:20px; *display:block;margin-top:10px;}
body.games .game-block .game-link br{*display:none;}
body.games .game-block .game-playing{color:#666; font-size:11px;}
body.games .game-block .game-playing b{color:#333; padding-right:10px;}
body.games .game-block .game-playing strong{background-color:#9cc932; color:#fff; padding:0 3px;}
body.games .game-block .game-link:hover{text-decoration:none;}
body.games .game-block .game-link:hover .game-thumb{border-color:#999;}
body.games .game-block .game-link:hover .game-title{text-decoration:underline;}
body.games .game-block .game-desc{margin-top:10px; color:#666;}
#sidebar .top-gammers .paging{margin-top:10px;}
#sidebar .top-gammers li{padding-left:5px; padding-right:5px;}
#sidebar .top-gammers li.top-gammer{background-color:#e6f9e0;}
#sidebar .top-gammers li b{float:right; font-size:10px; *margin-top:-20px; *margin-right:5px;}
/* PAGE GAMES-DETAIL */
.gameplayer-wrap{margin:20px 0;}
body.games .game-desc h2{margin-bottom:10px;}
.comment-head{font-size:18px; color:#666; font-style:italic; border-bottom:1px solid #e1e1e1; height:13px; margin:20px 0 30px;}
.comment-head span{padding-right:15px; background-color:#fff;}
body.games #sidebar .other-games li{float:left; margin:4px; *margin:5px 2px; _display:inline;}
body.games #sidebar .other-games li img{width:90px; height:60px; border:1px solid #fff; _border:0;}
body.games #sidebar .other-games li a:hover img{border-color:#999;}

/* PAGE PROFILE */
body.profile .btn-add{float:right; clear:both; font-size:14px; font-weight:bold; line-height:32px; margin-top:7px; color:#fff; background-color:#727272; border-left:30px solid #85c100; padding:0 15px; position:relative;}
body.profile .btn-add:hover{text-decoration:none; background-color:#85c100;}
body.profile .btn-add .icon{margin-right:15px; position:absolute; left:-21px; top:9px;}
body.profile .tbl-profile{width:100%; border-top:1px solid #ccc;}
body.profile .tbl-profile tr{border-bottom:1px solid #ccc;}
body.profile .tbl-profile td{padding:7px;}
body.profile .tbl-profile td.first-col{width:200px; background-color:#f5f5f5; font-weight:bold;}
/* PAGE PROFILE */
body.profile #page{_width:747px; _overflow:hidden;}
body.profile .box{margin-bottom:20px;}
body.profile #page-controls.page-tabs{width:650px; margin:-80px -50px 0;height:36px; padding:25px 50px 0; background-color:#f2f2f2; font-size:0; line-height:0; border-bottom:1px solid #d1d1d1;}
body.profile #page-controls.page-tabs a{padding:0 35px; line-height:35px; font-size:18px; border:1px solid #d1d1d1; border-bottom:0; margin-bottom:-1px !important;}
body.profile #page-controls.page-tabs a:hover{background-color:#e1e1e1; text-decoration:none;}
body.profile #page-controls.page-tabs a.active{color:#000; cursor:default; background-color:#fff !important; margin:0 -2px;}
body.profile.discuss #page-content{padding:30px 40px; zoom:1;}
#profile-share-composer{background-color:#f7f7f7; border-top:1px solid #e1e1e1 !important; margin-bottom:0;}
#profile-share-composer .icon-callout{right:-33px; top:15px; *position:static; *float:right; *display:inline; *margin-right:-35px; *margin-top:15px; *margin-bottom:-15px; _display:none;}
#profile-share-composer .box-inner{padding:22px;}
#profile-share-composer .share-types{text-align:right; line-height:12px; padding-bottom:3px; margin-top:-15px; font-size:11px;}
#profile-share-composer .share-types i{ color:#999; padding-right:10px;}
#profile-share-composer .share-types a{padding:0 10px; border-right:1px solid #e1e1e1;}
#profile-share-composer .share-types a.active{color:#000; text-decoration:none; cursor:default;}
#profile-share-composer .share-types a.last{border-right:0;}
#profile-share-composer .share-contents .block{display:none;}
#profile-share-composer .share-contents .block.active{display:block;}
#profile-share-composer .share-contents input.text{display:block; width:580px; font-size:18px; color:#555; border:1px solid #e1e1e1; line-height:40px; height:40px; padding:0 12px; background-color:#fff; color:#999;}
#profile-share-composer .share-contents input.text.focus{color:#333;}
#profile-share-composer .share-contents .share-photo input.file{display:block; margin:5px 0 10px; width:604px; border:1px solid #e1e1e1; background-color:#fff; line-height:22px; height:22px;}
#profile-share-composer .share-contents .share-photo textarea{display:block; border:1px solid #e1e1e1; width:580px; padding:5px 12px; color:#999;}
#profile-share-composer .share-contents .share-photo textarea.focus{color:#333;}
body.profile #form-profile-share{margin-bottom:55px;}
body.profile #form-profile-share .btn-green{display:inline; float:left; margin-left:22px; font-size:14px; padding:3px 10px;}
body.profile .thread{padding-top:10px; padding-bottom:10px; zoom:1; padding-right:60px; border-top-color:#f1f1f1;}
body.profile .post{margin-bottom:2px; background-color:#EDEFF4; padding:5px; border-left:0;width:400px}
body.profile .post .avatar{margin-right:8px;}
body.profile .post .post-head{border-bottom:0; padding-bottom:0;}
body.profile .replies .post .post-head{ _margin-bottom:-17px;}
body.profile .post .post-controls  .time{font-size:10px;color: #999999;margin:5px;vertical-align:bottom;}
body.profile .post .post-controls{margin-top:5px;}
body.profile .post-controls.under-body{position:relative; *height:20px;}
body.profile .post-controls.under-body .likes-count-wrap .ctx-sheet{*left:0; *bottom:20px; *top:auto; *width:100px;}
body.profile .post-controls.under-body .likes-count-wrap .icon-callout{right:auto; left:3px; *display:none;}
body.profile .post .post-controls .btn{border:0; padding:3px 0 0 7px; font-size:11px; background-color:transparent; color:#669933; font-weight:normal;}
body.profile .post .post-controls .btn .icon{display:none;}
body.profile .post-controls .icon.likes-count{font-size:11px; line-height:17px; padding:0 3px; margin-right:0; color:#fff; background-color:#999 !important; background-image:none; text-decoration:none;}
body.profile .post .post-body{padding:0px 3px 0 0; margin-left:40px; font-size:11px;}
body.profile .post.main .avatar{margin-right:23px !important;}
body.profile .post.main .post-body{padding-top:5px; margin-left:0; font-size:12px;}
body.profile .post.main{background-color:#fff;}
body.profile .replies .post-controls{background-color:#f1f1f1;}
body.profile .post-controls .icon-close{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; opacity:1; text-align:center; line-height:15px; font-size:10px; color:#666; border:1px solid #e8e8e8; width:15px; height:15px; background-image:none; background-color:#fff !important;}
body.profile .post-controls .icon-close:hover{background-color:#999 !important; text-decoration:none; color:#fff;}
body.profile .replies .right-links{font-size:11px; margin:-22px 0 5px;}
body.profile .thread .comment-composer{margin-top:2px;padding:5px; background-color:#EDEFF4; width: 400px; zoom:1;overflow:hidden}
body.profile .thread .comment-composer b.avatar{margin-right:10px;}
body.profile .thread .comment-composer b.avatar img{cursor:default;}
body.profile .thread .comment-composer textarea{ font-size:11px;height:28px; width:398px; border:1px solid #e1e1e1; color:#999;}
body.profile .thread .comment-composer textarea.focus{color:#333; width:350px;}
body.profile .thread .comment-composer .btn-green{display:none;float:right;margin-right:5px; vertical-align:top; top:2px; position:relative;}
#profile-pic-nav{border-top:1px solid #e1e1e1 !important;}
#profile-pic-nav .profile-pic{border-bottom:1px solid #e1e1e1; text-align:center; width:219px; overflow:hidden;}
#profile-pic-nav .profile-pic img{max-width:219px; -ms-interpolation-mode:bicubic;}
#profile-pic-nav .profile-pic .pic-edit{opacity:.6; text-align:right; display:block; height:25px; line-height:25px; padding:0 10px; margin-top:-25px; font-size:11px; color:#fff; position:relative; text-decoration:none; cursor:pointer;}
#profile-pic-nav .profile-pic .pic-edit span{ visibility:hidden;}
#profile-pic-nav .profile-pic .pic-edit:hover{opacity:1;  background-color:#999;}
#profile-pic-nav .profile-pic .pic-edit:hover span{ visibility:visible;}
#profile-pic-nav .profile-pic .pic-edit .icon-pic{float:right; margin-left:7px; margin-top:5px; width:16px; height:14px; text-decoration:none;}

#profile-pic-nav .profile-interact{background-color:#f5f5f5; border-bottom:2px solid #e8e8e8; _height:40px; _overflow:hidden;}
#profile-pic-nav .profile-interact a{font-size:11px; float:left; border-left:1px solid #e2e2e2; padding:5px 6px; white-space:nowrap; text-align:center; min-width:33px; *width:32px;}
#profile-pic-nav .profile-interact a.pos-message{ width:63px;}
#profile-pic-nav .profile-interact a:hover{text-decoration:none; color:#000; background-color:#e8e8e8;}
#profile-pic-nav .profile-interact .icon{margin:0 auto 3px; display:block; clear:both;}
#profile-pic-nav .profile-interact .icon-message{top:-1px;}
#profile-pic-nav .profile-interact .icon-profile, #profile-pic-nav .profile-interact .icon-block, #profile-pic-nav .profile-interact .icon-unblock{top:-2px;}

#profile-pic-nav .profile-nav{margin-left:30px;}
#profile-pic-nav .profile-nav li{display:block; padding:0; margin:0; font-size:0; line-height:0;}
#profile-pic-nav .profile-nav li a{font-size:12px; line-height:normal; color:#333; padding:5px 0; display:block; border-bottom:1px solid #e1e1e1; position:relative;}
#profile-pic-nav .profile-nav li a span{font-size:11px; color:#999;}
#profile-pic-nav .profile-nav li a.active{color:#000; font-weight:bold;}
#profile-pic-nav .profile-nav li a.last{border-bottom:0;}
#profile-pic-nav .profile-nav li a .icon{position:absolute; left:-28px;}
body.profile #sidebar .box h4 span{color:#999; font-size:12px;}
/* PROFILE-INFO */
#page-content{border-top:1px solid #fff;}
body.profile .btn-green .icon{margin:1px 5px 0 0;}
body.profile .tbl-profile{width:100%; border-top:1px solid #ccc;border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC; margin-top:35px;}
body.profile .tbl-profile td{padding:7px; border-bottom:1px solid #ccc;}
body.profile .tbl-profile td.first-col{width:200px; background-color:#f5f5f5; font-weight:bold;}
/* PROFILE - ACCOUNT SETTING */
body.profile .tabs-wrap{margin:15px 0; zoom:1;}
.tabs-wrap .tabs-head{font-size:0; line-height:0; border-bottom:1px solid #e1e1e1; text-align:left;}
.tabs-wrap .tabs-head a{display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:top;zoom:1; padding:0 15px; line-height:30px; font-size:14px; border:1px solid #e1e1e1; margin:0 -1px; border-bottom:0; background-color:#f4f4f4;}
.tabs-wrap .tabs-head a:hover{background-color:#fff; text-decoration:none;}
.tabs-wrap .tabs-head a.active{color:#333; font-weight:bold; cursor:default; background-color:#fff !important; margin-bottom:-1px !important; border-bottom:1px solid #fff;}
.tabs-wrap .tabs-contents{border-top:1px solid #fff; margin-top:0; padding:25px 15px;}
.tabs-wrap .tabs-contents .content{display:none;}
.tabs-wrap .tabs-contents .content.active{display:block;}
body.profile .tabs-wrap .tabs-contents{ background:url(../images/gradient-bot-top.jpg) repeat-x left bottom;}
body.profile .tabs-contents .content{min-height:150px; height:auto !important; height:150px;}
body.profile .tabs-contents .tbl-form td{padding:7px;}
body.profile .tabs-contents .tbl-form .first-col{text-align:left; font-weight:bold; width:105px; white-space:nowrap;}
body.profile .tabs-contents .tbl-form input.text{border:1px solid #d1d1d1; margin:0; width:300px;}
body.profile .btns-wrap{text-align:center;}
body.profile .btns-wrap .btn{margin:0 5px;}
/* PROFILE - SENTENCES */
body.profile .tabs-wrap.sentences{margin-bottom:30px;}
body.profile .tabs-wrap.sentences .tabs-head a{_margin-left:0;}
body.profile .tabs-wrap.sentences .tabs-contents{padding:0; *border-top:0;}
body.profile .tabs-wrap.sentences .tbl-form{margin:20px 15px 5px;}
body.profile .tabs-wrap.sentences .tbl-form td{padding:3px 7px;}
body.profile .tabs-wrap.sentences .tbl-form .first-col{*width:110px; *font-weight:normal !important;}
body.profile .tabs-wrap.sentences .sentences-count{text-align:right; color:#666; padding:0 15px 5px;}
body.profile .tabs-wrap.sentences .sentences-count strong{color:#000;}
body.profile .tabs-wrap.sentences .sentences-list{background-color:#f5f5f5; padding:5px 15px 15px; border-top:1px solid #e1e1e1;}
body.profile .tbl-sentences td.left-col, body.profile .tbl-sentences td.right-col{padding-right:15px;}
body.profile .tbl-sentences .sentence-controls{right:-12px; z-index:1;}
body.profile .tbl-sentences .sentence-status{position:relative; font-size:0; line-height:0; height:0; clear:both; /*bottom:-7px;*/ top:-7px;}
body.profile .tbl-sentences .sentence-status b.icon{position:absolute; /*bottom:10px; */top:10px; right:-20px; width:15px; height:15px;}
.icon-checked{width:15px; height:15px; background:url(../images/icon-check.png) no-repeat;}
body.profile .tabs-wrap.sentences .paging a.active{_display:inline;}
body.profile ul.bulleted .icon{margin-right:5px;}
/* PROFILE - FRIENDS */
body.profile.friends #page-controls{width:130px; margin-top:-35px;}s
body.profile.friends #page-desc{width:560px; margin-left:20px; margin-top:20px;}
body.profile.friends #page-content{padding:20px;}
body.profile.friends .steps-tabs{margin-bottom:25px; clear:both;}
body.profile.friends .steps-tabs h3{float:left; font-size:14px; color:#333; height:29px; width:165px; padding:10px 10px 10px 25px; border:1px solid #fff; border-right:0; position:relative; z-index:-1; background-color:#eaf2e3;}
body.profile.friends .steps-tabs h3.step1{z-index:2;}
body.profile.friends .steps-tabs h3.step2{z-index:1;}
body.profile.friends .steps-tabs h3.step3{z-index:0;}
body.profile.friends .steps-tabs h3.active{color:#fff; background-color:#89a759; border-color:#4f6f1b;}
body.profile.friends .steps-tabs h3 span{display:block; font-size:12px; color:#333; font-weight:normal;}
body.profile.friends .steps-tabs h3.active span{color:#fff;}
body.profile.friends .steps-tabs h3 b{position:absolute; top:-1px; right:-15px; height:51px; width:15px; background:url(../images/icons_set.png) no-repeat -50px -172px; font-size:0; line-height:0;}
body.profile.friends .steps-tabs h3.active b{width:17px; right:-17px; background-position:-33px -172px;}
body.profile.friends .steps-content .step{display:none;}
body.profile.friends .steps-content .step.active{display:block;}
/* STEP 1 */
body.profile.friends .logos-list{margin-bottom:20px;}
body.profile.friends .logos-list li{padding:0; float:left; display:inline; margin:10px 25px 10px 0;}
body.profile.friends .logos-list li a{display:block; border:1px solid #fff;}
body.profile.friends .logos-list li a:hover{border-color:#e1e1e1;}
body.profile.friends .steps-content{clear:both;}
body.profile.friends .service-form{margin-bottom:20px; margin-right:50px;}
body.profile.friends .service-form h3.form-head{margin-bottom:0 !important;}
body.profile.friends .service-form h3.form-head a{background-color:#f2f2f2; color:#333; text-decoration:none; display:block; padding:0 20px; line-height:35px;}
body.profile.friends .service-form h3.form-head a:hover{background-color:#e8e8e8;}
body.profile.friends .service-form h3.form-head a b{float:right; margin-top:10px; background-color:#fff; font-size:16px; padding:3px; line-height:10px; width:10px; text-align:center; display:inline; margin-right:-10px; color:#666;}
body.profile.friends .service-form .form-content{padding:20px; display:none;}
body.profile.friends .service-form table td{vertical-align:top; padding:5px}
body.profile.friends .service-form input.text{width:250px; border:1px solid #d4d4d4;}
body.profile.friends .service-form select:focus{border:1px solid #F90;}
body.profile.friends .service-form #authCode{width:95px; display:block;}
/* STEP 2 & 3 */
body.profile.friends .steps-content .step2, body.profile.friends .steps-content .step3{margin-right:50px;}
body.profile.friends .steps-content .contact-wrapper{margin-bottom:10px;}
body.profile.friends .steps-content .invite-selector-table-wrapper{max-height:500px; overflow:auto;}
body.profile.friends .steps-content .contact-wrapper table td{vertical-align:middle; padding:5px 10px; border-bottom:1px solid #e5e5e5;}
body.profile.friends .steps-content .invite-selector-header{background-color:#f2f2f2;}
body.profile.friends .steps-content td.checkbox{width:20px;}
body.profile.friends .steps-content td.picture{width:5px;}
body.profile.friends .steps-content td.picture img{width:48px; height:48px;}
body.profile.friends .steps-content td.userinfo strong{font-size:14px;}
body.profile.friends .steps-content td.userinfo span{color:#666;}
body.profile.friends .steps-content td.userinfo.username{width:150px;}
body.profile.friends .steps-content .btns-wrap{text-align:right;}
.btn-gray{color:#333; background-color:#f1f1f1; font-size:12px; font-weight:bold; padding: 2px 5px; border:1px solid #ccc;}
.btn-gray:hover{text-decoration:none; border-color:#666;}



/* PAGE DIALOGUE */
#page-title h2{z-index:3;}
#page-title h3{z-index:2;}
#page-title h4{z-index:1;}
body.dialogue #page{_width:747px; _overflow:hidden;}
body.dialogue #page-content{padding-bottom:30px;}
body.dialogue .box{margin-bottom:20px;}
body.dialogue #page-controls{text-align:left; width:700px; margin:-48px -10px 0; padding:60px 25px 0; background:url(../images/gradient-bot-top-2.jpg) repeat-x left bottom; border-bottom:1px solid #d1d1d1;}
body.dialogue #page-controls .tabs-wrap{clear:both; font-size:0; line-height:0;}
a.page-tab{padding:0 15px; line-height:35px; font-size:14px; border:1px solid #d1d1d1; border-bottom:0; margin-right:-2px; margin-bottom:-1px !important;}
a.page-tab:hover{background-color:#e1e1e1; text-decoration:none;}
a.page-tab.active{color:#000; cursor:default; background-color:#fff !important; }
.player-block{_zoom:1;}
.player-block .thumb{float:left; padding:4px; border:1px solid #e1e1e1; margin-bottom:15px; margin-right:15px;}
.player-block .thumb, .player-block .thumb img{width:170px; height:112px; background-color:#fff;}
.player-block h3{margin-bottom:10px;}
.player-block .subject{color:#999; font-style:italic; margin-bottom:10px;}
.player-block .like-row{margin-bottom:15px;}
.icon.likes-count{font-size:11px; line-height:17px; padding:0 3px; margin-right:0; color:#fff; background-color:#333; background-image:none; text-decoration:none;}
.likes-count-wrap{height:17px; position:relative;}
.likes-count-wrap .ctx-sheet{left:-10px; width:180px; left:-90px; top:130%; font-size:11px; line-height:16px;}
.likes-count-wrap .ctx-sheet .icon-callout{right:auto; left:91px;}
body.dialogue .SM-Player{ float:left; _float:none;}
body.dialogue #page-controls .desc{clear:both; color:#666; margin-bottom:20px; _clear:both; _margin-top:20px;}

.tabs-content-wrap .tab-content{display:none; margin-bottom:40px;}
.tabs-content-wrap .tab-content.active{display:block;}
body.dialogue .btn-show-hide-vi{float:right; display:inline; margin:25px 15px 5px; *margin:10px 15px 5px; _margin:0px 0px 5px;}
.tbl-dialogue{width:100%;}
.tbl-dialogue td{padding:10px 7px; vertical-align:middle;}
.tbl-dialogue .first-col{text-align:right; border-right:1px solid #e4e4e4; width:105px;}
.tbl-dialogue tr.even td{background:url(../images/gradient-center.jpg) repeat-y;}
.tbl-dialogue tr.even td.character{background-position:left top;}
.tbl-dialogue tr.even td.button{background-position:-130px top;}
.tbl-dialogue tr.even td.content{background-position:-203px top;}
.tbl-dialogue .sentence .character{font-size:11px;}
.tbl-dialogue .sentence .button{width:18px;}
.tbl-dialogue .sentence .content{width:535px;font-size:16px; line-height:25px;}
.tbl-dialogue .sentence .content .en{ _color:#333 !important;}
.tbl-dialogue .sentence .content .vi{display:none; font-size:14px; color:#999; line-height:normal; margin-top:3px;}
.tbl-dialogue .sentence .button .icon{text-indent:-999px; *text-indent:-15px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); -moz-opacity: 0.7; opacity:.7;}
.tbl-dialogue .sentence .button .icon:hover{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}

.listen-read .sentence .content span input{display:none;}
.listen-read .sentence .content span b{font-weight:normal; *position:relative; *top:-4px;}
.listen-read .sentence .content .vi span b{*top:0;}
.listen-blank-input .sentence .content{line-height:30px;}
.listen-blank-input .sentence .content span{position:relative; _zoom:1;}
.listen-blank-input .sentence .content span b{visibility:hidden;}
.listen-blank-input .sentence .content span input{position:absolute; top:7px; *top:0; left:-2px; width:100%; _width:70px; font-size:11px; height:15px; line-height:15px; padding:0; color:#333; border:1px solid #d1d1d1}
/*.listen-blank-input .sentence .content .vi span input{font-size:10px; top:0px; line-height:13px; height:13px;}*/
.listen-blank-input .sentence .content .vi span{width:50px; height:10px; overflow: hidden; border-bottom:1px solid #d4d4d4;}

.listen-answer td{ vertical-align:top;}
.listen-answer td.first-col{font-size:22px; font-weight:bold; color:#666; padding-right:25px; width:75px;}
.listen-answer td.content{font-size:16px; padding-left:35px;}
.listen-answer td.content .vi{font-size:11px; color:#999; margin-top:7px;}
.listen-answer td.content .input-wrap{width:100%; position:relative; margin-top:7px;}
/*.listen-answer td.content .input-wrap input{border:1px solid #ccc; width:92%; height:22px; line-height:22px; padding-left:7px;}*/
.listen-answer td.content .input-wrap table{width:100%;}
.listen-answer td.content .input-wrap table td.first-col{width:25px; border-right:0; text-align:left;}
.listen-answer td.content .input-wrap table td{padding:1px 3px; border-bottom:1px dashed #ccc; font-size:12px; line-height:normal; background:none;}

.simple-conversation h2#test-score{margin-top:20px;}
.listen-blank-input .sentence .content span input.fill-right.result-checked{background-color:#effbe2;}
.listen-blank-input .sentence .content span input.fill-wrong.result-checked{background-color:#fdf4ef;}
.listen-answer .sentence.result-checked tr.answer-right td{background-color:#effbe2;}
.listen-answer .sentence.result-checked tr.answer-wrong td{background-color:#fdf4ef;}
.listen-answer td.first-col .icon{margin-left:5px;}
.listen-answer .btn-submit-wrap .btn.disabled{background-color:#e8e8e8; border-color:#888 !important; color:#a0a0a0 !important; cursor:default;}

body.dialogue .btn-submit-wrap{text-align:center; margin-top:30px;}
h2.test-score{color:#666; font-size:18px; font-weight:normal; text-align:center; margin-bottom:10px; display:none;}
h2.test-score b{color:#fff; background-color:#cc3300; -moz-border-radius:5px; border-radius:5px; padding:0 7px; margin-left:5px;}

/* PAGE LESSONS */
#sidebar .top-learners .paging{margin-top:10px;}
#sidebar .top-learners li{padding-left:5px; padding-right:5px;}
#sidebar .top-learners li.top-learner{background-color:#e6f9e0;}
#sidebar .top-learners li b{float:right; font-size:10px; *margin-top:-20px; *margin-right:5px;}
body.lessons #page-controls{font-size:14px; margin-top:-15px;}
body.lessons #page-controls .icon-filter{margin-right:5px;}
body.lessons #page-controls div{margin-top:5px; padding-top:5px; border-top:1px solid #e1e1e1; font-size:0; line-height:0;}
body.lessons #page-controls a{font-size:18px; line-height:normal; padding:3px 13px; border-right:1px solid #e8e8e8; position:relative; text-decoration:none;}
body.lessons #page-controls a:hover{background-color:#f1f1f1;}
body.lessons #page-controls a.active{color:#fff; background-color:#fa9100 !important; cursor:default;}
body.lessons #page-controls a .icon-callout{display:none;}
body.lessons #page-controls a.active .icon-callout{display:block;}
body.lessons #page-controls{width:300px;}
body.lessons #page-desc{width:420px;}
body.lessons #page-content{padding-bottom:30px;}
body.lessons .lessons-list-wrapper{}
body.lessons .lessons-list-wrapper .lessons-list-type{display:none;}
body.lessons .lessons-list-wrapper .lessons-list-type.active{display:block;}
body.lessons .lessons-list{font-size:0; line-height:0;}
body.lessons .lessons-list li{font-size:12px; line-height:normal; width:62px; height:30px; margin:5px; position:relative; display:-moz-inline-stack;display:inline-block;*display:inline;vertical-align:top; *zoom:1;}
body.lessons .lessons-list li a.common-ctx{display:block; width:100%; height:100%; line-height:30px; background-color:#a5a5a5; color:#fff; font-size:12px; text-align:center; text-decoration:none; position:relative;}
body.lessons .lessons-list li a.common-ctx.locked{ background-color:#e1e1e1; cursor:text;}
body.lessons .lessons-list li a.unlocked{ background-color:#9ac44a;}
body.lessons .lessons-list li a.unlocked.current{ background-color:#ef8b1f;}
body.lessons .lessons-list li .content-ctx{display:none; position:absolute; left:0; top:31px; bottom:auto; width:180px; line-height:normal; font-size:12px; text-align:left; z-index:999;}
body.lessons .lessons-list li .content-ctx-inner{padding:10px;}
body.lessons .lessons-list li .content-ctx .icon-callout{left:28px;}
body.lessons .lessons-list li .content-ctx span{color:#999; font-size:11px; display:block; margin-bottom:8px;}
body.lessons .lessons-list li .content-ctx div{margin-top:4px;}
body.lessons .avarage-point{font-size:10px; line-height:13px !important; padding:1px 2px; background-color:#99cc33; color:#fff;  -moz-border-radius:4x; border-radius: 4px;}
body.lessons .notes-count{font-size:10px; line-height:13px !important; padding:1px 5px; background-color:#f2eebf; color:#000;  -moz-border-radius:4x; border-radius: 4px;}
body.lessons .week-content-wrapper{display:none; position:relative; width:730px; border-top:1px solid #fff;}
body.lessons .week-content-wrapper.overlay{z-index:9999;}
body.lessons .week-content-wrapper .bg{background-color:#fff; position:absolute; top:0; left:0; width:100%; height:100%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter:alpha(opacity=80); -moz-opacity: 0.80; opacity:.80;}
body.lessons .week-content{position:relative; margin:18px; min-height:140px; height:auto !important; _height:140px;}
body.lessons .week-content-wrapper .week-content .btn-x{position:absolute; top:0; right:0; color:#999; font-size:12px; font-weight:bold; font-family:Tahoma, Arial; padding:5px 10px;}
body.lessons .week-content-wrapper .week-content .btn-x:hover{color:#000; text-decoration:none;}
body.lessons .week-content-inner{margin:15px;}
body.lessons .tbl-week-header{width:100%;}
body.lessons .tbl-week-header td{ vertical-align:bottom; text-align:right; padding-bottom:7px; border-bottom:1px solid #e1e1e1;}
body.lessons .tbl-week-header td.col-one{text-align:left;}
body.lessons .tbl-week-header h3{font-size:25px; color:#666; font-weight:normal;}
body.lessons .tbl-week-header td.col-four{color:#999; font-size:11px;}
body.lessons .tbl-detail-days{width:100%;}
body.lessons .tbl-detail-days td{border-bottom:1px solid #e1e1e1; vertical-align:middle; color:#999; line-height:18px;}
body.lessons .tbl-detail-days strong{color:#333;}
body.lessons .tbl-detail-days td{padding:7px; font-size:11px;}
body.lessons .tbl-detail-days td.lesson-day{width:75px; height:75px; text-align:center; padding:0;}
body.lessons .tbl-detail-days td.lesson-day a{display:block; width:100%; height:100%; line-height:75px; color:#fff !important; font-size:14px; text-decoration:none;}
body.lessons .tbl-detail-days tr.unlocked td.lesson-day{background-color:#9ac44a;}
body.lessons .tbl-detail-days tr.unlocked.current td.lesson-day{background-color:#ef8b1f;}
body.lessons .tbl-detail-days tr.unlocked.current a{color:#ef8b1f;}
body.lessons .tbl-detail-days td .inline-block{ margin:0 5px;}
body.lessons .tbl-detail-days td .avarage-point{background-color:#e1e1e1; color:#000;}
body.lessons .week-content .list-locked-days{padding-top:15px;}
body.lessons .week-content .list-locked-days li{width:75px; height:75px; line-height:75px; text-align:center; background-color:#bbb; color:#fff; font-size:14px; margin-right:34px;}
body.lessons .week-content .list-locked-days li.last{margin-right:0;}
body.lessons .lessons-list-type.by-days .lessons-list li{height:40px; vertical-align:baseline}
body.lessons .lessons-list-type.by-days .lessons-list li a.locked{height:30px;}
body.lessons .lessons-list-type.by-days .lessons-list li a.unlocked{ line-height:normal; padding-top:5px; height:35px;}
body.lessons .lessons-list-type.by-days .lessons-list li a.unlocked span{font-size:11px; display:block; color:#d1f38f;}
body.lessons .lessons-list-type.by-days .lessons-list li a .icon{position:absolute; bottom:-6px; right:-8px;}
body.lessons .lessons-list-type.by-notes .tbl-detail-days{border-top:1px solid #e1e1e1;}
body.lessons .lessons-list-type.by-notes .tbl-detail-days .lesson-day a{background-color:#aaa;}
body.lessons .lessons-list-type.by-notes .tbl-detail-days .current .lesson-day a{ background-color:#ef8b1f;}
body.lessons .lessons-list-type.by-notes .tbl-detail-days .notes{ margin:5px; color:#333; line-height:normal;}
body.lessons .lessons-list-type.by-notes .tbl-detail-days h3{font-size:12px; color:#666;}
/* PAGE LESSONS DETAIL */
body.lessons-detail #page{_width:747px; _overflow:hidden;}
body.lessons-detail #page-content{padding:20px 15px 30px; _padding-top:20px !important;}
body.lessons-detail .box{margin-bottom:20px;}
body.lessons-detail #page-controls{text-align:left; width:700px; margin:-48px -10px 0; padding:60px 25px 0; background:url(../images/gradient-bot-top-2.jpg) repeat-x left bottom; border-bottom:1px solid #d1d1d1;}
body.lessons-detail #page-controls .paging{font-size:12px; margin:-7px 0 0; float:right;}
body.lessons-detail #page-controls .paging a{padding:0 7px;}
body.lessons-detail #page-controls .paging b{font-size:22px; padding:0 0px; position:relative; top:1px; text-decoration:none; color:#669933;}
body.lessons-detail #page-controls h2{font-size:24px; float:left; margin-right:15px;}
body.lessons-detail #page-controls .desc{color:#666; width:420px; *width:350px;}
body.lessons-detail #page-controls .tabs-wrap{clear:both; font-size:0; line-height:0; margin-top:15px;}
body.lessons-detail #page-controls .tabs-wrap .icon-report{float:right; display:inline; top:10px; margin-right:-10px; *margin-top:-30px;}

body.lessons-detail .lesson-notes{margin-bottom:30px; padding:15px; background-color:#faf8dd;}
body.lessons-detail .lesson-notes .lesson-notes-head{border-bottom:1px solid #d4d4d4; padding-bottom:3px; margin-bottom:15px;}
body.lessons-detail .lesson-notes .lesson-notes-head h3{float:left; font-size:18px; color:#666;}
body.lessons-detail .lesson-notes .lesson-notes-head a.icon{float:right; margin-left:15px; top:3px;}
/*gia add for post body*/
body.lessons-detail .lesson-notes ul li{list-style-type: disc;}
body.lessons-detail .lesson-notes ul ul li{list-style-type: circle;}
body.lessons-detail .lesson-notes ul ul ul li{list-style-type: square;}
body.lessons-detail .lesson-notes ol li{list-style-type: decimal;}

body.lessons-detail .lesson-notes li{margin-left:20px;}
body.lessons-detail .lesson-notes ul{margin-left:20px;padding-left:20px;}
body.lessons-detail .lesson-notes ol{margin-left:20px;padding-left:20px;}
/*gia add for post body end*/
body.lessons-detail .tab-content .tab-content-desc{color:#666;}
body.lessons-detail .tab-content .help-block{float:right; margin-left:15px; width:280px; padding-left:15px; border-left:1px dashed #ccc;}
body.lessons-detail .tab-content .help-block h4{margin-bottom:7px;}
body.lessons-detail .tab-content .help-block .SM-Player{margin-bottom:10px; width:auto;}
body.lessons-detail .tab-content .help-block .SM-Player .playlist{width:100%;}
body.lessons-detail .tab-content .help-block .help-text-wrap{position:relative; font-size:11px; color:#666;}
body.lessons-detail .tab-content .help-block .help-text-wrap .help-text-link{color:#666; text-decoration:none;}
body.lessons-detail .tab-content .help-block .help-text-wrap .help-text-link:hover{color:#000;}
body.lessons-detail .tab-content .help-block .help-text-wrap .ctx-sheet{left:-15px; top:155%; padding:15px;}
body.lessons-detail .tab-content .help-block .help-text-wrap .ctx-sheet .icon-callout{left:15px; right:auto;}
body.lessons-detail .tab-content .help-block .help-text-wrap .ctx-sheet p{margin-bottom:7px;}
body.lessons-detail .tab-content .help-block .help-text-wrap strong{color:#333; font-size:12px;}
body.lessons-detail .tab-content .help-block .help-text-wrap .ctx-sheet ul.bulleted{margin-left:15px;}

body.lessons-detail .tab-content-group{margin-top:25px;}
body.lessons-detail .tab-content-group .group-head .node.active span{color:#666; font-weight:normal; font-size:14px;}
body.lessons-detail .tab-content-group .group-body{display:none;}
body.lessons-detail .sound-line{position:relative; padding-left:35px;}
body.lessons-detail .icon-speaker{vertical-align:baseline; position:absolute; left:0; _left:-35px; top:5px;}
body.lessons-detail .group-body .icon-speaker{vertical-align:baseline; position:static; left:0; _left:-35px; top:5px;}
.icon-speaker.sm2_playing{background-position:-66px -224px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}
.icon-speaker.sm2_paused{background-position:-48px -224px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity: 1; opacity:1;}

body.lessons-detail .sound-line .vi{display:block !important;}
body.lessons-detail .group-basic-words .tbl-dialogue td.pics{ width:140px; text-align:center;}
body.lessons-detail .sound-line{margin-bottom:10px;}
body.lessons-detail .sound-line strong{font-weight:normal; font-size:20px;}
body.lessons-detail .sound-line .vi strong{font-weight:bold;font-size:12px;color:#677;}
body.lessons-detail .sound-line .phonetic{display:block; font-size:20px; font-family:"Courier New", Courier, monospace; color:#666;}

body.lessons-detail .group-exercises .group-head .sentence-number {font-size:14px; color:#999; position:absolute; top:10px; left:300px;}
body.lessons-detail .group-exercises .group-head .sentence-number strong{color:#333; font-size:18px; padding-left:7px;}
body.lessons-detail .group-exercises .group-body{margin-top:0; padding:15px;}
/*body.lessons-detail .group-exercises .icon-arrow-right{float:right; display:inline; margin:45px 0 0 0;}*//*TODO: GIA TRAN */
body.lessons-detail .group-exercises .icon-arrow-right{float:right; display:none; margin:45px 0 0 0;}
body.lessons-detail .group-exercises .exercise-sentence-wrap{width:625px; overflow:hidden; margin-bottom:20px;}
body.lessons-detail .group-exercises .exercise-sentence-band{width:9999px; overflow:visible;}
body.lessons-detail .group-exercises .exercise-sentence{display:none; float:left; overflow:hidden;}
body.lessons-detail .group-exercises .exercise-sentence-inner{width:625px;}
/*body.lessons-detail .group-exercises .exercise-question{font-size:16px}*/
/*****gia tran add***/
body.lessons-detail .group-exercises .exercise-question{max-width:300px;white-space:pre-line;font-size:30px;font-weight:bold;}
body.lessons-detail .group-exercises .exercise-image{width:120px;margin-right:20px;}

/*****gia tran add end***/
body.lessons-detail .group-exercises .tbl-exercise-answer{width:100%;}
body.lessons-detail .group-exercises .tbl-exercise-answer td.first-col{width:25px; border-right:0; text-align:left;}
body.lessons-detail .group-exercises .tbl-exercise-answer td{padding:1px 3px; border-bottom:1px dashed #ccc; font-size:16px; line-height:normal; background:none;}

body.lessons-detail .group-exercises .btn-submit-wrap{ text-align:center;}
body.lessons-detail .group-exercises .btn.disabled { background-color: #CCCCCC !important; cursor: default; border:#CCCC66}

body.lessons-detail .btn-show-hide-vi{float:right; display:inline; margin:5px 0px 5px; *margin:10px 15px 5px; _margin:0px 0px 5px;}
body.lessons-detail .btn-submit-wrap .btn-green{width:70px; margin:0 7px;}
body.lessons-detail .simple-conversation .btn-submit-wrap{text-align:center; margin-top:30px;}
body.lessons-detail .simple-conversation .SM-Player.dialogue-player{margin-top:0; margin-bottom:15px; width:380px; float:left;}
body.lessons-detail .simple-conversation .SM-Player.dialogue-player h3{margin-bottom:8px;}
body.lessons-detail .simple-conversation .SM-Player.dialogue-player .playlist{width:100%;}
body.lessons-detail .simple-conversation .tab-content-desc{clear:left; width:400px;}
/* INCLUDES - hot_features */
.hot-features{min-height:190px; height:auto !important; float:left; width:220px; margin-bottom:15px;}

/*select option cấu trúc chức năng*/
/*
.select_tree-1
{
	padding-left:8px	;
}

.select_tree-2
{
	padding-left:16px	;
	margin-left:5px;
}
.select_tree-3
{
	padding-left:24px	;
}
.select_tree-4
{
	padding-left:32px	;
}
.select_tree-5
{
	padding-left:40px	;
}
.select_tree-6
{
	padding-left:48px	;
}
.select_tree-7
{
	padding-left:28px	;
}
*/
/*end select option cấu trúc chức năng*/